<template>
<uni-shadow-root class="partials-stores-detail_mendian-detail_mendian"><template name="detail_mendian">
    <view class="shop_top" v-if="arr.id">
        <view class="shop_banner">
          <image mode="aspectFill" class="shop_banner_img" :src="arr.banner"></image>
          
        </view>
        <view class="shop_info">
          <view class="shop_info_top" @click.stop.prevent="selectMendianTypeFun">
            <view class="shop_info_left">
              <text class="shop_info_name">{{arr.name}}</text>
              <text class="shop_info_service">营业时间：{{arr.openTime}}:00-{{arr.closeTime}}:00</text>
              <text class="shop_info_address">{{arr.address||'暂无地址'}}</text>
            </view>
            <view class="shop_info_right">
              <image class="shop_info_logo" mode="aspectFit" :src="arr.logo"></image>
            </view>
          </view>
          <view class="shop_info_bottom">
            <view class="shop_btn_item" :data-phonenumber="arr.telno" @click.stop.prevent="calling">
              <image class="shop_btn_img" src="https://image1.sansancloud.com/xianhua/2019_3/21/16/30/34_148.jpg?x-oss-process=style/preview_120"></image>
              <text class="shop_btn_text">联系商家</text>
            </view>
            <view class="shop_btn_item" @click.stop.prevent="clickCatch">
              <image class="shop_btn_img" src="https://image1.sansancloud.com/xianhua/2019_3/21/16/30/34_131.jpg?x-oss-process=style/preview_120"></image>
              <text class="shop_btn_text">导航</text>
            </view>
            <view class="shop_btn_item">
              <image class="shop_btn_img" src="https://image1.sansancloud.com/xianhua/2019_3/21/16/30/34_147.jpg?x-oss-process=style/preview_120"></image>
              <text class="shop_btn_text">收藏</text>
            </view>
            <view class="shop_btn_item" @click.stop.prevent="shareShop">
              <image class="shop_btn_img" src="https://image1.sansancloud.com/xianhua/2019_3/21/16/30/34_113.jpg?x-oss-process=style/preview_120"></image>
              <text class="shop_btn_text">分享</text>
            </view>
          </view>
        </view>
    </view>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/stores/detail_mendian/detail_mendian'

Component({})

export default global['__wxComponents']['partials/stores/detail_mendian/detail_mendian']
</script>
<style platform="mp-weixin">
.shop_top{
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 24rpx;
  height:578rpx;
  border-bottom: 16rpx solid #F8F8F8;
}
.shop_banner{
  height: 314rpx;
  width: 100%;
}
.shop_banner_img{
  width: 100%;
  height: 100%;
}
.shop_info{
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0rpx;
  background: #fff;
  border-radius: 32rpx;
  width: 100%;
  height:300rpx;
  padding:40rpx 32rpx 0 32rpx;
  box-sizing:border-box;
}
.shop_info_top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12rpx;
}
.shop_info_left{
  display: flex;
  flex-direction: column;
  font-size: 24rpx;
  color: #9B9B9B
}
.shop_info_name{
  font-size: 38rpx;
  margin-bottom: 24rpx;
  color: #020003;
  font-weight: 600;
}
.shop_info_service{
  margin-bottom: 16rpx;
}
.shop_info_address{
  margin-bottom: 16rpx
}
.shop_info_right{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.shop_info_logo{
  width: 112rpx;
  height: 112rpx;
  border-radius: 16rpx;
}
.shop_info_bottom{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 18rpx;
  border-top: 1rpx solid #F0F0F2;
}
.shop_btn_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding:26rpx 0;
}
.shop_btn_img{
  width: 34rpx;
  height: 34rpx;
  margin-right: 8rpx;
}
.shop_btn_text{
  font-size: 24rpx;
  color: #222222
}
</style>